<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ taglib uri="http://tiles.apache.org/tags-tiles" prefix="tiles"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://www.springframework.org/tags" prefix="spring"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content='width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no' name='viewport'>

<c:choose>
	<c:when test="${pageTitle!=null}">
		<title>${pageTitle}</title>
	</c:when>
	<c:otherwise>
		<title><tiles:insertAttribute name="title" ignore="true" /></title>
	</c:otherwise>
</c:choose>
   <link rel="stylesheet" href="<c:url value='/css/build.fe46abdb.css' />">
     </head>
<body class="focus-mobile">

    <div id="fb-root"></div>
    <!--[if lt IE 9]>
	
	  <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p>
	
    <![endif]-->

    
  
  <main role="main" class="container js-app-layout-main">
  
    

  <div class="auth-form join-form">
    <a target="_self" href="/" class="brand sprites carousell-logo"></a>
    <hr>
    <div class="row">
      <aside class="col-sm-6 hidden-xs join-form-benefits">
		<h2>Sell in a Snap. Buy with a Chat.</h2>
        <p>Finally, a simple way to sell the unused and under-used clutter in your life! Selling is Snap-List-Sell simple, and buy what you want by chatting with sellers right from the app.</p>
        <h2>Why sign up?</h2>
        <ol>
          <li>Sell as many items for free! Absolutely no fees.</li>
          <li>Chat with sellers to buy stuff you love!</li>
          <li>Get social! Interact with the community.</li>
          <p>and a whole lot more!</p>
        </ol>
      </aside>
      <div class="col-sm-6 col-xs-12 join-form-main">
        <form action="/join/" method="POST" role="form" name="joinForm">
          <input type="hidden" name="next" value="" />
          <div style="display:none;"><input id="csrf_token" name="csrf_token" type="hidden" value="1425917530##44446af76e3bcc2f9e240e282a1874190eefd250"></div>
          
            
          

          <div class="form-group">
            <h1>Get Started Now</h1>
            <p>
              Create an account to buy and sell in our community! If you already have an account,
              <a href="/login/">login here</a>.
            </p>
            <div class="js-facebook">
              <button class="js-facebook-link btn btn-facebook form-group" type="button">Sign up with Facebook</button>
            </div>
          </div>
          <h3 class="single-line-divide text-center text-uppercase">
            <span class="letterpress-bg">Or With Your Email</span>
          </h3>
          <div class="form-group">
            <label for="email">Email</label>
            <input autocapitalize="off" autocorrect="off" class="form-control" id="email" name="email" type="email" value="">
          </div>
          <div class="form-group">
            <label for="username">Username</label>
            <input autocapitalize="off" autocorrect="off" class="form-control" id="username" name="username" type="text" value="">
          </div>
          <div class="form-group">
            <label for="password">Password</label>
            <input autocapitalize="off" autocorrect="off" class="form-control" id="password" name="password" type="password" value="">
          </div>
          <div class="form-group">
            <label for="location_id">Country</label>
            <select autocapitalize="off" autocorrect="off" class="form-control" id="location_id" name="location_id"><option selected value="None">--- Select ---</option><option value="2077456">Australia</option><option value="6251999">Canada</option><option value="660013">Finland</option><option value="2921044">Germany</option><option value="1819730">Hong Kong</option><option value="1269750">India</option><option value="1643084">Indonesia</option><option value="1733045">Malaysia</option><option value="2750405">Netherlands</option><option value="2186224">New Zealand</option><option value="1694008">Philippines</option><option value="102358">Saudi Arabia</option><option value="1880251">Singapore</option><option value="1668284">Taiwan</option><option value="1605651">Thailand</option><option value="2635167">United Kingdom</option><option value="6252001">United States</option><option value="1562822">Vietnam</option></select>
          </div>
          <div class="form-group">
            <label for="recaptcha">Enter the following text</label>

            <div class="recaptcha">
              <div id="recaptcha_image"></div>
              <div class="recaptcha-buttons">
                <a href="javascript:Recaptcha.reload()" class="btn btn-default recaptcha-refresh"><i class="icon-arrows-cw"></i></a>
                <a href="javascript:Recaptcha.switch_type('audio')" class="btn btn-default recaptcha-switch-audio recaptcha_only_if_image"><i class="icon-megaphone"></i></a>
                <a href="javascript:Recaptcha.switch_type('image')" class="btn btn-default recaptcha-switch-image recaptcha_only_if_audio btn btn-default"><i class="icon-picture"></i></a>
              </div>
              <input id="recaptcha_response_field" name="recaptcha_response_field" type="text" required="required" autocapitalize="off" autocorrect="off" class="form-control"/>
              
<script type="text/javascript">var RecaptchaOptions = {"custom_translations": {"audio_challenge": "Get an audio challenge", "cant_hear_this": "Download sound as MP3", "help_btn": "Help", "image_alt_text": "reCAPTCHA challenge image", "incorrect_try_again": "Incorrect. Try again.", "instructions_audio": "Type what you hear", "instructions_visual": "Type the text", "play_again": "Play sound again", "privacy_and_terms": "Privacy & Terms", "refresh_btn": "Get a new challenge", "visual_challenge": "Get a visual challenge"}, "theme": "custom"};</script>
<script type="text/javascript" src="//www.google.com/recaptcha/api/challenge?k=6LfBuf4SAAAAAAtGgjYZ1zzDzZP16nb1tE1PI84z"></script>
<noscript>
  <iframe src="//www.google.com/recaptcha/api/noscript?k=6LfBuf4SAAAAAAtGgjYZ1zzDzZP16nb1tE1PI84z" height="300" width="500" frameborder="0"></iframe><br>
  <textarea name="recaptcha_challenge_field" rows="3" cols="40"></textarea>
  <input type="hidden" name="recaptcha_response_field" value="manual_challenge">
</noscript>

            </div>
          </div>
          <input class="btn btn-info btn-block btn-cta" id="submit" name="submit" type="submit" value="Sign Up For Free">
        </form>
      </div>
    </div>
  </div>

  </main>


    <!-- temp placeholder to set language on the client side -->
    <div class="i18n hidden">
      <select class="i18n-lang" name="i18n-lang">
        
        
          <option value="en" selected>English</option>
        
          <option value="zh_tw" >Traditional Chinese</option>
        
          <option value="id" >Indonesia</option>
        
          <option value="ms" >Malay</option>
        
      </select>
    </div>





 </body>
</html>